<h3>Account Information</h3>

<table>
    <tr>
        <td>First name:</td>
        <td><input type="text" name="account.firstName" id="firstName" value="${sessionScope.loginAccount.firstName}"/>
            <font color="red"><div id="firstNameCheck"></div></font></td>
    </tr>
    <tr>
        <td>Last name:</td>
        <td><input type="text" name="account.lastName" id="lastName" value="${sessionScope.loginAccount.lastName}"/>
            <font color="red"><div id="lastNameCheck"></div></font></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><input type="text" size="40" name="account.email" id="email" value="${sessionScope.loginAccount.email}"/>
            <font color="red"><div id="emailCheck"></div></font></td>
    </tr>
    <tr>
        <td>Phone:</td>
        <td><input type="text" name="account.phone" id="phone" value="${sessionScope.loginAccount.phone}"/>
            <font color="red"><div id="phoneCheck"></div></font></td>
    </tr>
    <tr>
        <td>Address 1:</td>
        <td><input type="text" size="40" name="account.address1" id="address1" value="${sessionScope.loginAccount.address1}"/>
            <font color="red"><div id="address1Check"></div></font></td>
    </tr>
    <tr>
        <td>Address 2:</td>
        <td><input type="text" size="40" name="account.address2" id="address2" value="${sessionScope.loginAccount.address2}"/>
            <font color="red"><div id="address2Check"></div></font></td>
    </tr>
    <tr>
        <td>City:</td>
        <td><input type="text" name="account.city" id="city" value="${sessionScope.loginAccount.city}"/>
            <font color="red"><div id="cityCheck"></div></font></td>
    </tr>
    <tr>
        <td>State:</td>
        <td><input type="text" size="4" name="account.state" id="state" value="${sessionScope.loginAccount.state}"/>
            <font color="red"><div id="stateCheck"></div></font></td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td><input type="text" size="10" name="account.zip" id="zip" value="${sessionScope.loginAccount.zip}"/>
            <font color="red"><div id="zipCheck"></div></font></td>
    </tr>
    <tr>
        <td>Country:</td>
        <td><input type="text" size="15" name="account.country" id="country" value="${sessionScope.loginAccount.country}"/>
            <font color="red"><div id="countryCheck"></div></font></td>
    </tr>
</table>

<h3>Profile Information</h3>

<table>
    <tr>
        <td>Language Preference:</td>
        <td><select name="account.languagePreference">
            <option selected>${sessionScope.loginAccount.languagePreference}</option>
            <option value="english">english</option>
            <option value="japanese">japanese</option>
            <option value="chinese">chinese</option>
<%--            <stripes:options-collection collection="${actionBean.languages}" />--%>
        </select></td>
    </tr>
    <tr>
        <td>Favourite Category:</td>
        <td><select name="account.favouriteCategoryId">
            <option value="${sessionScope.loginAccount.favouriteCategoryId}" selected>${sessionScope.loginAccount.favouriteCategoryId}</option>
            <option value="FISH">FISH</option>
            <option value="DOGS">DOGS</option>
            <option value="REPTILES">REPTILES</option>
            <option value="CATS">CATS</option>
            <option value="BIRDS">BIRDS</option>
<%--            <stripes:options-collection collection="${actionBean.categories}" />--%>
        </select></td>
    </tr>
    <tr>
        <td>Enable MyList</td>
        <td><input type="checkbox" name="account.listOption" /></td>
    </tr>
    <tr>
        <td>Enable MyBanner</td>
        <td><input type="checkbox" name="account.bannerOption" /></td>
    </tr>

</table>
